<html>
	<head>
		<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
		<meta http-equiv="Access-Control-Allow-Origin" content="*">
		<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		<link type="text/css" rel="stylesheet" href="bootstrap.css" />
		<script type = "text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
		<script type="text/javascript" src="bootstrap.js"></script>
		<script type="text/javascript" src="tempJS.js"></script>
		<script type="text/javascript">
            $(document).ready(function() {
                randomBoy();
            })
		</script>
	</head>
	<body >
		<div class="container-narrow">
			<div class="masthead">
				<ul class="nav nav-pills pull-right">
					<li >
						<a href="index.html">HotGirls</a>
					</li>
					<li class="active">
						<a href="#">CoolGentlemen</a>
					</li>
					<li>
						<a href="Ranking.html">Ranking</a>
					</li>
				</ul>
				<h3 class="muted">SF Face Mash</h3>
			</div>
			<hr>
			<div class="jumbotron">
				<h2 class="btn btn-large btn-primary disabled">Pick one you think cooler!</h2>
			</div>
			<div class="box-boy span4 pull-left" style=" text-align: center;">
				<br>
				<div id="container">
					<div></div>
				</div>
			</div>
			<div class="box-boy span4 pull-right" style=" text-align: center;">
				<br>
				<div id="container_second">
					<div></div>
				</div>
			</div>
		</div>
	</body>
</html>